/* CSS Document */

@media (max-width:1200px) {
	.features-menu{ display:none;}
	.top-nav{ width:100%;}
}

@media( max-width:1024px){
	.query{ display:none;}
}

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:20px 0;}
	.navbar-toggle .icon-bar{background:#fff; width:40px; height:5px;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.topHead .sjdnav{ width:160px; position:absolute; right:15px; top:69px; z-index:110 !important; max-width:100%; display:none;}
	.topHead .sjdnav ul{ margin:0; padding:0;}
	.topHead .sjdnav li{display:block; padding:0; text-align:center; background:#15395b; margin-bottom:2px;}
	.topHead .sjdnav li a{display:block; color:#fff; line-height:45px; font-size:16px;}
	.topHead .sjdnav li.active a{color:#fff; background:#44617c;}
	.head-wrap{ border:0;}
	.nav-wrap{ display:none !important;}
	.banpc{ display:none;}
	.phone{ display:block;}
	.toptop{ display:none;}
	.head-wrap .col-lg-12{ display:none;}
	.top-head2{ display:block;}
	
	.fot-nav .fotRh .rh01{ display:none;}
	.fot-nav .fotRh .rh02{ width:100%;}
	
	.mbox{ padding-top:30px;}
	.mbox-right{ width:100%; padding-left:0; overflow:hidden; margin-top:10px;}
	.mbox-left{ width:100%; float:none;}
	.mbox-left .mleft-tit{ height:auto; background:#15395b; position:relative;}
	.mbox-left .mleft-tit span{ width:100%; height:100%; display:block; position:absolute; top:0; left:0; cursor:pointer;}
	.mbox-left .mleft-tit i{ display:block; position:absolute; right:20px; color:#fff; font-size:20px; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
	.mbox-left .mleft-tit p{ border:0; padding:0; margin:0; width:auto;}
	.mbox-left .mleft-tit p strong{ display:inline-block; border:0; font-size:20px; line-height:45px;}
	.accordion{ display:none;}
	
	
}

@media (max-width:768px) {
	.navbar-toggle{padding:20px 0;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:5px;}
	.navbar-toggle .icon-bar{ width:35px; height:5px;}
	.topHead .sjdnav{ top:67px;}
	
	
	.hid1 .hidLeft{ padding:0;}
	.hid1 .hidRight{ padding:0; margin-top:15px;}
	.wrap2{ padding-bottom:20px; padding-top:30px;}
	
	
	.footer{ margin-bottom:56px;}
	.fot-nav .fotLf{ display:none;}
	.fot-nav .fotRh{ width:100%; padding-top:0; text-align:center;}
	.fot-nav .fotRh .rh02{ padding-left:0; font-size:14px; line-height:20px;}
	.fot-nav .fotRh .rh02 p{ margin-bottom:0;}
	.fot-nav .fotRh .rh02 img{ margin:0 auto; display:none;}
	.fot-bot a{ display:none;}
	
	.li02 a{ width:100%;}
	
}

 @media (max-width:640px) {
	 .wp3-tit .wp3-list{ display:none;}
	 .index-tit h3{ font-size:22px;}
	 .index-tit p{ font-size:18px;}
	 .areabox .area-txt p{ font-size:14px;}
	 .areabox .area-txt h3{ font-size:12px; line-height:24px; padding:0 15px;}
}

 @media (max-width:540px) {	 
    .wrap4{ padding:25px 0;}
	.swiper-wp3 .wp3-img .wp3-txt{ bottom:5px; padding:0 5px;}
	.swiper-serv .serv-txt .s-t1{ line-height:24px;}
	.swiper-serv .serv-txt .s-t1 span{ display:none;}
	.swiper-serv .serv-txt .s-t1 p{ width:100%; font-size:12px;}
	.swiper-serv .serv-txt{ padding:5px 10px;}
	.swiper-serv .serv-txt .s-t2{ height:36px;-webkit-line-clamp:2; margin-top:3px;}
	
	.li01{ padding:5px;}
	
	.li02{ height:100px;}
	.li02 .li02-img{ width:40%;}
	.li02 .li02-txt{ width:60%; padding-left:10px;}
	.li02 .li02-txt .t01{ padding-top:0; line-height:26px;}
	.li02 .li02-txt .t02{ font-size:12px; line-height:18px;}
	.li02 .li02-txt .t02 p{height:54px;}
	.li02 a{ padding-right:0;}
}

 @media (max-width:450px) {
	.wpbox2 .tab1{ display:none;}
	.hid1 .hidLeft .hidLf-tit{ padding:0; text-align:left; height:auto; margin-bottom:5px;}
	.swiper-wp3 .wp3-img .wp3-txt span{ display:none;}
	.swiper-wp3 .wp3-img .wp3-txt p{ width:100%; text-align:center;}
	
	.li01 .li01-img .li01-txt{ padding:0 5px; bottom:5px;}
	.li01 .li01-img .li01-txt span{ display:none;}
	.li01 .li01-img .li01-txt p{width:100%; text-align:center; line-height:27px;}
	
	.li02{ height:90px;}
	.li02 .li02-txt .t01{ line-height:24px;}
	.li02 .li02-txt .t01 span{ display:none;}
	.li02 .li02-txt .t01 p{ width:100%; font-size:14px;}
	
}
 

 @media (max-width:415px) {
	 .li02{ height:75px;}
	.li02 .li02-txt .t02 p{ line-height:20px; height:40px;-webkit-line-clamp:2;}
	
	
}
 @media (max-width:350px) {


 }
 @media (max-width:320px) { 


 }